<html lang="zh" xmlns:th="http://www.thymeleaf.org" >

<header th:include="comm/theader :: header"></header>

<section class="Z_content">
    <!-- search box -->
    <div class="Z_container Z_search_box">
        <div class="Z_search_main">
            <input type="text" class="Z_search_input" id="Z_search_input" placeholder="请输入小区/商圈/地铁站等..." value="">
            <a href="javascript:void(0)" class="Z_search_btn Z_search_submit Z_btn_ani" id="Z_search_submit"><i class="z_i"></i>开始找房</a>
            <a href="http://www.ziroom.com/map/" class="Z_search_btn Z_map_search Z_btn_ani"><i class="iconfont iconicon_address_c_"></i><i class="z_i"></i>地图找房</a>
            <!-- 热门搜索 -->
            <div class="Z_search_hot Z_search_hotsearh" id="Z_search_hotsearh">
                <h4 class="hot_title"> 热门搜索 </h4>

            </div>
            <div class="Z_search_hot Z_search_history" id="Z_search_history">
                <h4 class="hot_title"> 历史记录 <span class="clear_history" id="clear_history">清空历史</span></h4>
                <ul class="hot_list">
                </ul>
            </div>
            <div class="Z_search_hot Z_search_vague" id="Z_search_vague">
                <ul class="search_list">
                </ul>
            </div>
        </div>
    </div>
    <!-- filter -->
    <div class="Z_filter">
        <ul class="f-box">
            <li class="f-item">
                <strong class="title">找房方式</strong>
                <div class="opt">
                    <div class="opt-type ">
                        <span class="opt-name">区域</span>
                        <div class="child-opt">
                            <a class="item parent-title" href="javascript:;isOpen=0">区域</a>
                            <div class="wrapper">
                                <a class="item " href="http://www.ziroom.com/z/d23008614/?isOpen=0">东城</a>
                                <a class="item " href="http://www.ziroom.com/z/d23008626/?isOpen=0">西城</a>
                                <a class="item " href="http://www.ziroom.com/z/d23008613/?isOpen=0">朝阳</a>
                                <a class="item " href="http://www.ziroom.com/z/d23008618/?isOpen=0">海淀</a>
                                <a class="item " href="http://www.ziroom.com/z/d23008617/?isOpen=0">丰台</a>
                                <a class="item " href="http://www.ziroom.com/z/d23008623/?isOpen=0">石景山</a>
                                <a class="item " href="http://www.ziroom.com/z/d23008625/?isOpen=0">通州</a>
                                <a class="item " href="http://www.ziroom.com/z/d23008611/?isOpen=0">昌平</a>
                                <a class="item " href="http://www.ziroom.com/z/d23008615/?isOpen=0">大兴</a>
                                <a class="item " href="http://www.ziroom.com/z/d23008624/?isOpen=0">顺义</a>
                                <a class="item " href="http://www.ziroom.com/z/d23008616/?isOpen=0">房山</a>
                                <a class="item " href="http://www.ziroom.com/z/d23008620/?isOpen=0">门头沟</a>
                                <a class="item " href="http://www.ziroom.com/z/d23008629/?isOpen=0">亦庄开发区</a>
                            </div>
                        </div>
                    </div>
                    <div class="opt-type ">
                        <span class="opt-name">地铁</span>
                        <div class="child-opt">
                            <a class="item parent-title" href="javascript:;isOpen=0">地铁</a>
                            <div class="wrapper">
                                <a class="item " href="http://www.ziroom.com/z/s100007/?isOpen=0">1号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100002/?isOpen=0">2号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100001/?isOpen=0">4号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100005/?isOpen=0">5号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100008/?isOpen=0">6号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100003/?isOpen=0">7号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100009/?isOpen=0">8号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100010/?isOpen=0">9号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100011/?isOpen=0">10号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100013/?isOpen=0">13号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100004/?isOpen=0">14号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100006/?isOpen=0">15号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s101057/?isOpen=0">16号线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100017/?isOpen=0">八通线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100014/?isOpen=0">昌平线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100012/?isOpen=0">亦庄线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100015/?isOpen=0">房山线</a>
                                <a class="item " href="http://www.ziroom.com/z/s101317/?isOpen=0">燕房线</a>
                                <a class="item " href="http://www.ziroom.com/z/s100016/?isOpen=0">机场线</a>
                                <a class="item " href="http://www.ziroom.com/z/s101277/?isOpen=0">西郊线</a>
                                <a class="item " href="http://www.ziroom.com/z/s101157/?isOpen=0">S1号线</a>
                            </div>
                        </div>
                    </div>
                    <div class="opt-type ">
                        <span class="opt-name">通勤</span>
                        <div class="child-opt" style="display: none;">
                            <div class="itm addr">
                                <span class="title">公司地址</span>
                                <span class="ct">
		            <input type="text" data-g="" placeholder="请输入公司地址..." name="address" id="company" value="">
		            <div class="p-list"></div>
		          </span>
                            </div>
                            <div class="itm trans">
                                <span class="title">通勤方式</span>
                                <span class="ct">
		            		              		              	<div class="radio transit active"></div>
		              		            		              		              	<div class="radio drive "></div>
		              		            		              		              	<div class="radio ride "></div>
		              		            		              		              	<div class="radio walk "></div>
		              		            		          </span>
                            </div>
                            <div class="time-wrap">
                                <div class="itm time" style="display: block;">
                                    <span class="title">通勤时间</span>
                                    <span class="ct">
		                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">15分</a>
		                			                  		                  			                	<a class="checkbox active" href="javascript:;isOpen=0">30分</a>
		                			                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">40分</a>
		                			                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">50分</a>
		                			                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">60分</a>
		                			                  		                </span>
                                </div>
                                <div class="itm time">
                                    <span class="title">通勤时间</span>
                                    <span class="ct">
		                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">15分</a>
		                			                  		                  			                	<a class="checkbox active" href="javascript:;isOpen=0">30分</a>
		                			                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">40分</a>
		                			                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">50分</a>
		                			                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">60分</a>
		                			                  		                </span>
                                </div>
                                <div class="itm time">
                                    <span class="title">通勤时间</span>
                                    <span class="ct">
		                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">10分</a>
		                			                  		                  			                	<a class="checkbox active" href="javascript:;isOpen=0">15分</a>
		                			                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">25分</a>
		                			                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">35分</a>
		                			                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">45分</a>
		                			                  		                </span>
                                </div>
                                <div class="itm time">
                                    <span class="title">通勤时间</span>
                                    <span class="ct">
		                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">10分</a>
		                			                  		                  			                	<a class="checkbox active" href="javascript:;isOpen=0">15分</a>
		                			                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">20分</a>
		                			                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">25分</a>
		                			                  		                  			                	<a class="checkbox " href="javascript:;isOpen=0">30分</a>
		                			                  		                </span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </li>
            <!-- 超出4行后增加展开收起模块 -->
            <li class="f-item">
                <strong class="title">类型</strong>
                <div class="opt">
                    <a class="active" href="http://www.ziroom.com/z/z0/?isOpen=0">不限</a>
                    <a class="" href="http://www.ziroom.com/z/z1/?isOpen=0">合租</a>
                    <a class="" href="http://www.ziroom.com/z/z2/?isOpen=0">整租</a>
                    <a class="" href="http://www.ziroom.com/z/z6/?isOpen=0">自如寓</a>
                    <a class="" href="http://www.ziroom.com/z/z8/?isOpen=0">豪宅</a>
                </div>
            </li>
            <!-- 超出4行后增加展开收起模块 -->
            <li class="f-item">
                <strong class="title">租金</strong>
                <div class="opt">
                    <a class="active" href="http://www.ziroom.com/z/r0/?isOpen=0">不限</a>
                    <a class="" href="http://www.ziroom.com/z/r1/?isOpen=0">1500元以下</a>
                    <a class="" href="http://www.ziroom.com/z/r2/?isOpen=0">1500-2500元</a>
                    <a class="" href="http://www.ziroom.com/z/r3/?isOpen=0">2500-4000元</a>
                    <a class="" href="http://www.ziroom.com/z/r4/?isOpen=0">4000-6000元</a>
                    <a class="" href="http://www.ziroom.com/z/r5/?isOpen=0">6000-8000元</a>
                    <a class="" href="http://www.ziroom.com/z/r6/?isOpen=0">8000-10000元</a>
                    <a class="" href="http://www.ziroom.com/z/r7/?isOpen=0">10000元以上</a>
                    <div class="price" id="range">
                        <input type="text" name="low" class="low num" value="">&nbsp;- <input type="text" name="high" class="high num" value="">&nbsp;元 <input type="button" class="confirm" value="确定">
                    </div>
                </div>
            </li>
            <!-- 超出4行后增加展开收起模块 -->
            <li class="f-item">
                <strong class="title">房源特色</strong>
                <div class="opt">
                    <a class="" href="http://www.ziroom.com/z/?p=x32&amp;isOpen=0">深呼吸</a>
                    <a class="" href="http://www.ziroom.com/z/?p=x38&amp;isOpen=0">精选软装房</a>
                    <a class="" href="http://www.ziroom.com/z/?p=x5&amp;isOpen=0">首次出租</a>
                    <a class="" href="http://www.ziroom.com/z/?p=x30&amp;isOpen=0">非首次出租</a>
                    <a class="" href="http://www.ziroom.com/z/?p=x3&amp;isOpen=0">独立卫生间</a>
                    <a class="" href="http://www.ziroom.com/z/?p=x4&amp;isOpen=0">独立阳台</a>
                    <a class="" href="http://www.ziroom.com/z/?p=x13&amp;isOpen=0">智能锁</a>
                    <a class="" href="http://www.ziroom.com/z/?p=x14&amp;isOpen=0">有电梯</a>
                    <a class="" href="http://www.ziroom.com/z/?p=x1&amp;isOpen=0">离地铁近</a>
                    <a class="" href="http://www.ziroom.com/z/?p=x8&amp;isOpen=0">绿化率高</a>
                    <a class="" href="http://www.ziroom.com/z/?p=x27&amp;isOpen=0">视频看房</a>
                    <a class="" href="http://www.ziroom.com/z/?p=x28&amp;isOpen=0">VR看房</a>
                </div>
            </li>
            <!-- 超出4行后增加展开收起模块 -->
            <div class="wrapper hide">      	      	      	<li class="f-item">
                <strong class="title">自如活动</strong>
                <div class="opt">
                    <a class="" href="http://www.ziroom.com/z/?p=y2&amp;isOpen=0">惠蕾房源</a>
                </div>
            </li>
                <!-- 超出4行后增加展开收起模块 -->
                <!-- 超出4行后增加展开收起模块 -->
                <li class="f-item">
                    <strong class="title">朝向</strong>
                    <div class="opt">
                        <a class="" href="http://www.ziroom.com/z/?p=g2&amp;isOpen=0">南</a>
                        <a class="" href="http://www.ziroom.com/z/?p=g4&amp;isOpen=0">北</a>
                        <a class="" href="http://www.ziroom.com/z/?p=g1&amp;isOpen=0">东</a>
                        <a class="" href="http://www.ziroom.com/z/?p=g3&amp;isOpen=0">西</a>
                        <a class="" href="http://www.ziroom.com/z/?p=g10&amp;isOpen=0">南北</a>
                    </div>
                </li>
                <!-- 超出4行后增加展开收起模块 -->
                <li class="f-item">
                    <strong class="title">供暖方式</strong>
                    <div class="opt">
                        <a class="" href="http://www.ziroom.com/z/?p=n3&amp;isOpen=0">集体供暖</a>
                        <a class="" href="http://www.ziroom.com/z/?p=n2&amp;isOpen=0">独立供暖</a>
                        <a class="" href="http://www.ziroom.com/z/?p=n1&amp;isOpen=0">中央供暖</a>
                    </div>
                </li>
                <!-- 超出4行后增加展开收起模块 -->
                <li class="f-item">
                    <strong class="title">签约时长</strong>
                    <div class="opt">
                        <a class="active" href="http://www.ziroom.com/z/?isOpen=0">不限</a>
                        <a class="" href="http://www.ziroom.com/z/?p=b2&amp;isOpen=0">年租</a>
                        <a class="" href="http://www.ziroom.com/z/?p=b1&amp;isOpen=0">短租</a>
                    </div>
                </li>
                <!-- 超出4行后增加展开收起模块 -->
                <li class="f-item">
                    <strong class="title">房源状态</strong>
                    <div class="opt">
                        <a class="active" href="http://www.ziroom.com/z/?isOpen=0">不限</a>
                        <a class="" href="http://www.ziroom.com/z/?p=t1&amp;isOpen=0">可立即入住</a>
                        <a class="" href="http://www.ziroom.com/z/?p=t7&amp;isOpen=0">可预签</a>
                        <a class="" href="http://www.ziroom.com/z/?p=t3&amp;isOpen=0">自如客转租</a>
                    </div>
                </li>
                <!-- 展开收起模块 -->
            </div>      </ul>
        <div class="more-box">
            <div class="more down"> 展开选项 </div>

        </div>
    </div>
    <div class="Z_list">
        <div class="Z_list-filter">
            <div class="option">
                <a class="active" href="http://www.ziroom.com/z/?isOpen=0" title="默认排序">默认排序</a>
                <a class="ico-sort" href="http://www.ziroom.com/z/?sort=2&amp;isOpen=0" title="点击按价格从低到高排序">价格</a>
                <a class="ico-sort" href="http://www.ziroom.com/z/?sort=5&amp;isOpen=0" title="点击按面积从大到小排序">面积</a>
            </div>
        </div>
        <div class="Z_list-box">
        </div>
    </div>
</section>

<footer th:include="comm/tfooter :: footer"></footer>